<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=request.getContextPath()%>/">
<meta charset="UTF-8">
<title>Exam Manage</title>
<link rel="stylesheet" type="text/css" href="${surl}css/style.css" />
<link rel="stylesheet" type="text/css" href="${surl}css/exam.css" />
</head>
<body>
  <c:set var="el" value="exam/examJson"/>
  <c:set var="cr" value="exam/createPage"/>

  <jsp:include page="head.jsp"></jsp:include>
  <div class="page_disabled"></div>
  <div class="all">
    <div class="content">

      <div class="query">
          <input id="query_input" class="query_input" type="text" name="fuzzyWord" placeholder="&nbsp;Please input the keyword" />
          <input id="search_img" class="search_img" type="image" src="${surl}images/ICN_Search_15x20.png">
      </div>

      <div class="nav">
        <ul class="nav_group">
          <li class="nav_btn nav_active">Exam List</li>
          <a href="${cr}"><li class="nav_btn">Create Exam</li></a>
        </ul>
      </div>
      <div class="query_content">

        <table id="examt" class="question_table">
          <thead>
            <tr class="table_head">
              <th class="e_no">&nbsp;</th>
              <th class="e_id">ID<img class="order_img" src="${surl}images/ICN_Decrese_10x15.png">
              </th>
              <th class="e_id">Name</th>
              <th class="e_eff">EffectiveTime</th>
              <th class="e_dur">Duration(Mins)</th>
              <th class="e_cre">Creator</th>
            </tr>
          </thead>
        </table>

        <div class="bottom_nav">
          <div class="paging">
            <img id="page_left" class="group pointer" src="${surl}images/BTN_PageLeft_20x15.png " />
            <span id="page_index"></span>
            <img id="page_right" class="group pointer" src="${surl}images/BTN_PageRight_20x15.png " />
            <select id="page_size" class="selector group">
              <option value="5">5</option>
              <option value="10">10</option>
            </select>
            <span id="total_page" class="group"></span>

              <input id="page_go" class="group page_input" maxlength="6" type="text" name="currentPage" />
              <input id="go_btn" class="btn group" type="button" value="GO" />
          </div>
        </div>
      </div>
    </div>
  </div>

  <c:if test="${sessionScope.success == 1}">
    <div id="dialog" class="dialog q_dialog">
      <img class="x_close close"
        src="${surl}images/BTN_Close_16x16.png" />
      <p class="dialog_p">Save Successfully!</p>
      <input class="btn dialog_btn close" type="button" value="OK" />
    </div>
    <c:remove var="success" scope="session" />
  </c:if>
    <form id="pageInfo">
      <input id="currentPage" name="currentPage" type="hidden" value="1" />
      <input id="pageSize" name="pageSize" type="hidden" value="5" />
      <input id="fuzzyWord" name="fuzzyWord" type="hidden" />
      <input id="order" name="order" type="hidden" value="1" />
    </form>
    <input id="pageCount" type="hidden" />

  <jsp:include page="foot.jsp"></jsp:include>
  <script src="${surl}js/jquery-1.10.2.min.js"></script>
  <script src="${surl}js/exam.js"></script>
  <script src="${surl}js/page.js"></script>

</body>
</html>